<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

  <html>
	  <head>

	  	<title>Association of Christian Schools International</title>

	  	<!-- STYLES-->
	  	<link rel="stylesheet" type="text/css" href="<?php echo bu('css/standard.css'); ?>" />
        <link rel="stylesheet" type="text/css" href="<?php echo bu('css/forms.css'); ?>" />
	  	<link rel="stylesheet" type="text/css" href="<?php echo bu('css/ddsmoothmenu.css'); ?>" />
        <link rel="stylesheet" type="text/css" href="<?php echo bu('css/ui-lightness/jquery-ui-1.8.7.custom.css'); ?>" />
        <link rel="stylesheet" type="text/css" href="<?php echo bu('css/messages.css'); ?>" />
        <link rel="stylesheet" href="<?php echo bu('css/nivo-slider.css'); ?>" type="text/css" media="screen" />
        <link rel="stylesheet" type="text/css" href="<?php echo bu('css/custom-frontend.css'); ?>" />

		<!-- JQUERY-->
		<script type='text/javascript' src="<?php echo bu('js/jquery-1.4.4.min.js'); ?>" ></script>
		<script type='text/javascript' src="<?php echo bu('js/jquery-ui-1.8.7.custom.min.js'); ?>" ></script>
    <script type='text/javascript' src="<?php echo bu('js/jquery.livevalidation.js'); ?>" ></script>

		<!-- JQUERY UI-->
		<script type="text/javascript">
			$(function(){

				// Tabs
				$('#tabs').tabs();

			});
		</script>


		<!-- SMOOTH NAVIGATIONAL MENU-->
		<script type="text/javascript" src="<?php echo bu('js/ddsmoothmenu.js'); ?>"></script>
		<script type="text/javascript">

		ddsmoothmenu.init({
			mainmenuid: "smoothmenu1", //menu DIV id
			orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
			classname: 'ddsmoothmenu', //class added to menu's outer DIV
			//customtheme: ["#1c5a80", "#18374a"],
			contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
		})

	  </script>

	  <!-- NIVO SLIDER-->

	  <script type="text/javascript" src="<?php echo bu('js/jquery.nivo.slider.js'); ?>"></script>
	  <script type="text/javascript">
		$(window).load(function()
		{
      $('#slider').nivoSlider({
        effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
        animSpeed:1000, // Slide transition speed
        pauseTime:8000, // How long each slide will show
        controlNav:false,
      });
    });
	  </script>
  </head>

  <script>
    $(document).ready(function(){
    <?php if(isset($_GET['notif'])){?>
      <?php if($_GET['notif'] == "no_member"){ ?>
        alert("Login Failed. Username or password incorrect.");
      <?php } else if($_GET['notif'] == "success_login"){ ?>
        alert("Login Successfuly.");
      <?php } else if($_GET['notif'] == "status_inactive"){ ?>
        alert("Login Failed. Your membership status is inactive. Please contact our support.");
      <?php } else if($_GET['notif'] == "status_pending"){ ?>
        alert("Login Failed. Your membership status is pending. Please contact our support.");
      <?php } ?>
    <?php } ?>
    });
  </script>

  <body>
   <div class='moreOuterWrapper'> <!-- Make the multiple border outside the body -->
   <div class='outerWrapper'> <!-- Make the multiple border outside the body -->
    <div class='mainWrapper'> <!-- The main outer div for website page -->

     <!-- A HEADER CLASS: and the header's banner-->
      <div class='header'>
      <div class='headerUpper'>
        <img src='<?php echo bu('images/header_logo.png'); ?>' alt='ACSI Logo' />

        <div class='headerForm'>
        <?php if(!isset($_SESSION["username"])){ ?>
          <form name='login' method='POST' action="<?php echo bu("sessions/create"); ?>">
          <span class="top">Username</span>
          <span class="bottom"><a href="<?php echo bu('forgot_password'); ?>">Forgot Password</a></span>
          <input type='text' name='username' />
          <span class="top">Password</span>
          <span class="bottom"><a href="<?php echo bu("users/new"); ?>">Register</a></span>
          <input type='password' name='password' />
          <input type='submit' name='login' value='Login' />
          </form>
        <?php }else{ ?>
          <span style="float:right">
            <a style="margin-right:10px;" href="<?php echo bu("members/"); ?>">My Profile</a>
            <a href="<?php echo bu("sessions/destroy"); ?>">Logout</a>
          </span>
        <?php } ?>
        </div>
      </div>


      <div id="wrapper">
        <div id="slider-wrapper">
          <div id="slider" class="nivoSlider">
            <a href="#"><img src="<?php echo bu('images/header-banner-1.jpg'); ?>" alt="Banner 4" /></a>
            <a href="#"><img src="<?php echo bu('images/header-banner-2.png'); ?>" alt="Banner 2" /></a>
            <a href="#"><img src="<?php echo bu('images/header-banner-3.png'); ?>" alt="Banner 3" /></a>
          </div>
        </div>
      </div>



      <!-- THE MENU CLASS -->
	<div  class='ddsmoothmenu' id="smoothmenu1">
		<ul>
			<li>
				<center>
					<a href="<?php echo bu(''); ?>">
						Home
					</a>
				</center>
			</li>
			<li>
				<center>
					<a href="#">
						About
					</a>
					<ul>
						<li>
							<a href="<?php echo bu('site/history'); ?>">
								<img class="icon" src="<?php echo bu("images/ico_history.png"); ?>" />
								History
							</a>
						</li>
						<li>
							<a href="<?php echo bu('site/vision'); ?>">
								<img class="icon" src="<?php echo bu("images/ico_vision_mission.png"); ?>" />
								Vision & Mission
							</a>
						</li>
					</ul>
				</center>
			</li>
			<li id='menuWide'>
				<center>
					<a href="#">
						Programs & Services
					</a>
					<ul>
						<li>
							<a href="<?php echo bu("programs/?name=cedp"); ?>">
								<img class="icon" src="<?php echo bu('images/ico1cedp.png'); ?>" />
								CEDP
							</a>
						</li>
						<li>
							<a href="<?php echo bu("programs/?name=ode"); ?>">
								<img class="icon" src="<?php echo bu('images/ico2ode.png'); ?>" />
								ODE
							</a>
						</li>
						<li>
							<a href="<?php echo bu("programs/?name=cec"); ?>">
								<img class="icon" src="<?php echo bu('images/ico3cec.png'); ?>" />
								CEC
							</a>
						</li>
						<li>
							<a href="<?php echo bu("programs/?name=activities"); ?>">
								<img class="icon" src="<?php echo bu('images/ico4selc.png'); ?>" />
								SELC
							</a>
						</li>
						<li>
							<a href="<?php echo bu("programs/?name=forum"); ?>">
								<img class="icon" src="<?php echo bu('images/ico5forum.png'); ?>" />
								Forum
							</a>
						</li>
						<li>
							<a href="<?php echo bu("programs/?name=cciht"); ?>">
								<img class="icon" src="<?php echo bu('images/ico6cciht.png'); ?>" />
								Consultation & In-House
							</a>
						</li>
						<li>
							<a href="<?php echo bu("programs/?name=accreditation"); ?>">
								<img class="icon" src="<?php echo bu("images/ico7accreditation.png"); ?>" />
								Accreditation
							</a>
						</li>
					</ul>
				</center>
			</li>
			<li id='menuWide'>
				<center>
					<a href="<?php echo bu("site/news"); ?>">
						News & Upcomings
					</a>
				</center>
			</li>
			<li>
				<center>
					<a href="#">
						Publishing
					</a>
					<ul>
						<li>
							<a href="<?php echo bu("exhibitions"); ?>">
								<img class="icon" src="<?php echo bu("images/ico8publishing.png"); ?>" />
								Exhibition
							</a>
						</li>
						<li>
							<a href="<?php echo bu("orders"); ?>">
								<img class="icon" src="<?php echo bu("images/ico8publishing.png"); ?>" />
								Order Form
							</a>
						</li>
						<li>
							<a href="<?php echo bu("catalogs/international"); ?>">
								<img class="icon" src="<?php echo bu("images/ico_download.png"); ?>" />
								Catalog International
							</a>
						</li>
            			<li>
							<a href="<?php echo bu("catalogs"); ?>">
								<img class="icon" src="<?php echo bu("images/ico_download.png"); ?>" />
								Catalog Indonesia
							</a>
						</li>
           				<li>
							<a href="#">
								<img class="icon" src="<?php echo bu("images/ico_download.png"); ?>" />
								Newsletter
							</a>
						</li>
					</ul>
				</center>
			</li>
			<li>
				<center>
					<a href="#">
						Join
					</a>
					<ul>
						<li>
						<?php if(!isset($_SESSION["username"])) { ?>
							<a href="<?php echo bu("users/new"); ?>">
								<img class="icon" src="<?php echo bu("images/ico_membership.png"); ?>" />
								Membership
							</a>
						<?php } ?>
						</li>
						<li>
							<a href="#">
								<img class="icon" src="<?php echo bu("images/ico_communities.png"); ?>" />
								Communities
							</a>
							<ul>
								<li>
									<a href="<?php echo bu("members/cec"); ?>">
										<img class="icon" src="<?php echo bu("images/ico3cec.png"); ?>" />
										CEC
									</a>
								</li>
								<li>
									<a href="<?php echo bu("members/selc"); ?>">
										<img class="icon" src="<?php echo bu("images/ico4selc.png"); ?>" />
										SELC
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</center>
			</li>

			<li style="width:109px;">
				<center>
					<a href="<?php echo bu("feedbacks/"); ?>">
						Contact Us
					</a>
				</center>
			</li>
		</ul>
	</div>
</div>

      <!-- THE RIBBON CLASS - the green ribbon right below the menu-->
      <div class='spacer'> <!--Clear until new line-->
      <div class='ribbon'> <!--Generate the ribbon below the menu-->
        <?php if(isset($_SESSION["username"])){ ?>
        Welcome, <?php echo $_SESSION['username']; ?>!
        <a href="<?php echo bu("profiles/edit"); ?>">Edit Profile</a>
        <?php } ?>
        <form method="POST" action="<?php echo bu("search/all"); ?>">
            <input type='text' name='keyword' />
            <input type='submit' value='Search' />
        </form>
      </div>

      <?php echo $content; ?>

    <div class='spacer'>&nbsp; </div>
    <div class='footer'>
      <h2 style="margin-bottom: 10px;">Corporate <span class='differentHeading'>Partners</span></h2>
      <a href="<?php echo bu('ads/new'); ?>" class="ads empty"><img src="<?php echo bu() ?>/images/Banner_Ads_2.gif" /></a>
      <a href="<?php echo bu('ads/new'); ?>" class="ads empty"><img src="<?php echo bu() ?>/images/Banner_Ads_2.gif" /></a>
      <a href="<?php echo bu('ads/new'); ?>" class="ads empty"><img src="<?php echo bu() ?>/images/Banner_Ads_2.gif" /></a>
      <div class="clear"></div>
	  </div>
    <div class='spacer'>&nbsp; </div>
	  <div align="right" id="fb-root"></div>
		<script>(function(d, s, id) {
		  var js, fjs = d.getElementsByTagName(s)[0];
		  if (d.getElementById(id)) {return;}
		  js = d.createElement(s); js.id = id;
		  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
		  fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));</script>

		<div align="right" class="fb-like" data-href="www.acsi.or.id" data-send="false" data-width="450" data-show-faces="false"></div>
		<div class='spacer'>&nbsp; </div>
    </div>
    </div>
    </div>
    </div>

     <div class='copyright'>
     	&copy; 2011 by ACSI Indonesia |
     	<a href='<?php echo bu("site/terms"); ?>'>Terms of Use</a> |
     	<a href='<?php echo bu("site/privacy"); ?>'>Privacy Statement</a> | 
        Designed by <a href="http://www.web7site.com" target="_blank" style="text-decoration:none">7 Site</a>
   	</div>
  </body>
</html>